
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>已生成的图片和视频</title>
<script src="__PUBLIC__/home/js/jquery-2.1.1.min.js" type="text/javascript"></script>

    <script src="__PUBLIC__/layer/layer.js" type="text/javascript"></script>
<style>
body{margin:0;padding:0;font-family:"微软雅黑";font-size:18px;background:#000;}
img{border:0;}
li{list-style:none;}
a{text-decoration:none;color:#666666;}
.clear:after{content:'.';height:0;clear:both;display:block;visibility:hidden;}
.left{float:left;}
h1,p,h3,h4,h5,h6,ul,li,dl,dt,dd,hr,div,p,form,input,font { margin:0; padding:0; font-weight:normal; text-indent:0; list-style-type:none; }
#body{width:100%;background:#fff;height:60px;}
.head{width:100%;height:40px;background:#fff;position:absolute;top:0;z-index: 2;}
.head a{display:block;color:#4dc154;text-align: center;line-height:40px;font-size:18px;}
.head ul{width:80%;height:40px;margin:0 auto; border: 1px solid #4dc154;z-index: 3;position: absolute;top:5px;border-radius: 50px;left:10%;}
.high{width:50%;height:40px;position:absolute;z-index: 3;border-right:1px solid #4dc154;text-align: center;line-height:40px;}
.low{width:50%;height:40px;position:absolute;right:0;z-index: 3;line-height:40px;}
.head .high a:hover{background:#4dc154;border-top-left-radius:10px 10px;border-bottom-left-radius:10px 10px;text-decoration: none;color:#fff;}
.head .low a:hover{background:#4dc154;border-top-right-radius:10px 10px;border-bottom-right-radius:10px 10px;text-decoration: none;color:#fff;}
.wwj_main{width:100%;height:100%;overflow:hidden;!important}
.wwj_main .main_content{width:98%;margin-left:1%;}
.wwj_main .main_content .wwj_main_left{width:48%;margin-left:1%;float:left;background:#fff;height:260px;margin-bottom:10px;}
.wwj_main .main_content .wwj_main_right{width:48%;margin-left:1%;float:left;background:#fff;height:260px;margin-bottom:10px;}
.wwj_top img{height:150px;width:100%;}
.wwj_center{height:70px;}
.wwj_center .wwj_money{height:30px;line-height:30px;}
.wwj_center .wwj_money .money_suiji{float:left;font-size:12px;color:#000;padding-right:1%;}
.wwj_center .wwj_money .normal{float:left;font-size:14px;color:#000;padding-left:1%;}
.wwj_center .wwj_money .money_suiji1{float:left;font-size:12px;color:#7b7b7b;}
.wwj_center .wwj_money .normal1{float:left;font-size:12px;color:#7b7b7b;}
.wwj_center .wwj_money .normal2{float:left;font-size:12px;color:#7b7b7b;}
.wwj_bottom{width:100%;height:35px;line-height:35px;border-top:1px solid #333;}
.wwj_bottom p{width:47%;display:inline-block;text-align:center;}
</style>
</head>

<script>
   
   function qiehuan(i){
   
 
     
	 if(i==1){
	  
	  $('.mohu').css('display','none');
	  $('.qingxi').css('display','block');
	  
	 
	 }else{
	 
	  $('.mohu').css('display','block');
	  $('.qingxi').css('display','none');
	 
	 }
   
   
   }

</script>

<body>
<div id="body">
	<div class="head">
			<ul>
				<li class="high"><a style="cursor:pointer;" onClick="qiehuan(1)">原图</a></li>
				<li class="low"><a style="cursor:pointer;" onClick="qiehuan(2)">模糊图</a></li>
			</ul>
	</div>
</div>
<div class="wwj_main clear">
	<div class="main_content">
	
	 <foreach name="re"  item="v">
	<!--图片循环带视频按钮开始-->
	
	   <if condition="$v.isvideo eq 1">
		<div class="wwj_main_left">
			<div class="wwj_top" style="position:relative;text-align:center;">
				 <img src="__ROOT__/images/{$v.qingxi}"  class="qingxi"/>
				 <img src="__ROOT__/images/{$v.mohu}" style="display:none;"  class="mohu"/>
				<p class="area" style="position:absolute;top:0;left:0;bottom:0;right:0;margin-top:45px;"><img src="/play.png" style="width:60px;height:60px;"/></p>
			</div>
			<div class="wwj_center">
				<div class="wwj_money">
					<ul>
					    <if condition="$v.type eq 0">
						<li class="money_suiji">金额随机:{$v.suijistart}~{$v.suijiend}元  |</li>
						<else/>
						<li class="money_suiji">固定金额:{$v.gudingmoney}元  |</li>
						
						</if>
						<li class="normal">正常</li>
					</ul>
				</div>
				<div class="wwj_money">
					<ul>
						<li class="money_suiji1">模糊度:{$v.mohuzhi}%|</li>
						<li class="normal1">扫描:{$v.saomiao}|</li>
						<li class="normal2">支付:{$v.zhifu}</li>
					</ul>
				</div>
			</div>
			<div class="wwj_bottom">
				<p style="border-right:1px solid #333;"><a href="{:U('Shezhi/index',array('id'=>$v['id']))}" style="color:#47db3d;">设置</a></p>
				<p><a  onclick="del({$v.id})" style="color:#ff5558;">删除</a></p>
			</div>
		</div>
		<!--图片循环带视频按钮结束-->
		<else/>
		<!--图片循环开始-->
		<div class="wwj_main_right">
			<div class="wwj_top">
			      <img src="__ROOT__/images/{$v.qingxi}" class="qingxi"/>
				  <img src="__ROOT__/images/{$v.mohu}" style="display:none;" class="mohu"/>
				 </div>
			<div class="wwj_center">
				<div class="wwj_money">
					<ul>
						 <if condition="$v.type eq 0">
						<li class="money_suiji">金额随机:{$v.suijistart}~{$v.suijiend}元  |</li>
						<else/>
						<li class="money_suiji">固定金额:{$v.gudingmoney}元  |</li>
						
						</if>
						<li class="normal">正常</li>
					</ul>
				</div>
				<div class="wwj_money">
					<ul>
						<li class="money_suiji1">模糊度:{$v.mohuzhi}%|</li>
						<li class="normal1">扫描:{$v.saomiao} |</li>
						<li class="normal2">支付:{$v.zhifu}</li>
					</ul>
				</div>
			</div>
			<div class="wwj_bottom">
				<p style="border-right:1px solid #333;"><a href="{:U('Shezhi/index',array('id'=>$v['id']))}" style="color:#47db3d;">设置</a></p>
				<p><a onclick="del({$v.id})" style="color:#ff5558;">删除</a></p>
			</div>
		</div>
		<!--图片循环结束-->
		
		</if>
	    </foreach>
		
	</div>
</div>
</body>
</html>

<script>
   
   function del(i){
   
      layer.confirm('您确认删除吗？', {
		  btn: ['确认','取消'] //按钮
		}, function(){
		  
		  $.post("{:U('Order/del')}",{"id":i},function(re){
	 
			   if(re==1){
				 
			      layer.msg('删除成功', {icon: 1,time:2000});
				  location.reload();
			   
			   }else{
			   
				 alert('删除失败');
			   }
			 
			 })
		  
		  
		  
		}, function(){
		  
		});
   
   
   
   }



</script>
